    <!DOCTYPE html>    
    <html>
    <head>
        <meta charset="utf-8">    
        <title>在试用期</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">    
        <script src="/Public/js/jquery.min.js"></script> 
        <script src="/Public/js/bootstrap.min.js"></script> 
        
        <link rel="stylesheet" type="text/css" href="/Public/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/base.css"> 
        <link rel="stylesheet" type="text/css" href="/Public/css/frozen.css">
        <style type="text/css">
        .media{
            border:1px solid rgb(234, 231, 231);
            background-color: white;
            margin-top: 10px;
            padding:10px 0;
            color: #A4A6A8;
        }
        .resume-name{
            font-weight: bolder;
            float: left;
            font-size: 20px;
            margin-left: 10px;
            line-height: 50px;
        }
        .resume-content{
            float: left;
            font-size: 10px;
            padding-left: 20px;
        }
        .recommend-content{
            float: right;
            font-size: 10px;
            padding-right: 30px;
        }
        .recommend-content-name{
            font-size: 15px;
        }
        </style>
    </head>
    <body>
        <div>
            <div class="media" id="">
                <div class="media-body">
                    <div class="resume-name">大奇</div>
                    <div class="resume-content">
                        <div class="">5年</div>
                        <div class="">iOS工程师/腾讯</div>
                        <div>本科/电子科技大学</div>
                    </div>
                     <div class="recommend-content">
                        <div class="">推荐人</div>
                        <div class="recommend-content-name">姓名</div>
                    </div>
                </div>
            </div>
            <div class="media" id="">
                <div class="media-body">
                    <div class="resume-name">大奇</div>
                    <div class="resume-content">
                        <div class="">5年</div>
                        <div class="">iOS工程师/腾讯</div>
                        <div>本科/电子科技大学</div>
                    </div>
                     <div class="recommend-content">
                        <div class="">推荐人</div>
                        <div class="recommend-content-name">姓名</div>
                    </div>
                </div>
            </div>

        </div>


        <nav class="navbar navbar-default navbar-fixed-bottom">
            <div class="container">
                <div class="container-btn " data-navbar = "index">
                    <img src="/Public/img/我要推荐.svg">
                    <div>我要推荐</div>
                </div>
                <div class="container-btn" data-navbar = "usePeople">
                    <img src="/Public/img/我要用人.svg">
                    <div>我要用人</div>
                </div>
                <div class="container-btn" data-navbar = "user">
                    <img src="/Public/img/个人中心.svg">
                    <div>个人中心</div>
                </div>
            </div>
        </nav>

    </body>
    <script type="text/javascript">

        $(".media").on("click",function(){
            window.location.href = "timeUp.html";
        })
         $(".container-btn").on("click",function(){
            window.location.href = "/addon/JianCai/JianCai/"+$(this).data('navbar')+".html";
        })
    </script>
    </html>